:host {
  flex: 1 1 auto;
  display: flex;
  height: 100%;
  flex-direction: column;

  .input-disabled {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ref-form-label {
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    ::ng-deep { 
      .ng-star-inserted {
        text-decoration: underline;
        text-underline-offset: 2px;
      }
    }
  }

  .main-card {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin: 12px 0;

    ::ng-deep {
      .ant-card-body {
        flex: 1 1 auto;
        display: flex;
        min-height: 0;
        padding: 0px;
        background: #f5f5f5;

        .ant-form {
          flex: 1 1 auto;
          display: flex;

          .ant-tabs-card {
            flex: 1 1 auto;
            display: flex;
            .ant-tabs-tab {
              border-color: transparent;
              background: transparent;
            }
            .ant-tabs-tab-active {
              border-color: #fff;
              background: #fff;
            }
            nz-tabs-nav {
              margin-bottom: 0;
            }
            .ant-tabs-content-holder {
              flex: 1 1 auto;
              display: flex;
              min-height: 0;
              background: white;
              .ant-tabs-content {
                flex: 1 1 auto;
                min-height: 0;
                .ant-tabs-tabpane {
                  flex: 1 1 auto;
                  min-height: 0;
                  padding: 16px;
                  overflow-y: auto;

                  .ant-form-item {
                    margin-bottom: 8px;
                  }

                  .roles-wrapper {
                    width: 100%;
                    .role-checkbox {
                      padding-left: 16px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
} 